<template>
  <div class="filter-box">
    <div class="header">{{ title }}</div>
    <div class="body">
      <slot />
    </div>
  </div>
</template>

<script>
export default {
  name: 'FilterBox',
  props: ['title']
}
</script>

<style scoped>
.filter-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);overflow:hidden;}
.header{padding:16px;font-weight:700;border-bottom:1px solid #eee;}
.body{padding:16px;font-size:14px;}
</style>